<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <?php
    $rol = $this->session->userdata("rolId");
    $title = ($rol == "3") ? "HA POSTULADO PERSONAS" : "SE HA POSTULADO";
    ?>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <?php $this->load->view('head'); ?>
            <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
            <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
            <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
            <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
            <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
            <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
            <style type="text/css">
                .ui-jqgrid tr.jqgrow td {
                    white-space: normal !important;
                    height:auto;
                    vertical-align:text-top;
                    padding-top:2px;
                }
                .claseno{color:red}
            </style>
            <title></title>
            <script type="text/javascript">
                var divConsPostula;
                $(document).ready(function(){
                    //Dialogo para la consulta de afiliados
                    divConsPostula = $("#divConsPostulados").dialog({
                        position:  ['left','top'],
                        autoOpen: false,
                        height: 750,
                        width: 1200,
                        closeText: false,
                        dialogClass: 'no-close',
                        hide: 'explode',
                        modal: true
                    });
                    jQuery("#list").jqGrid({
                        url: '<?php echo site_url("grilla/ofertaLaboral/"); ?>',
                        datatype: 'json',
                        mtype: 'POST',
<?php if ($rol == "3") { ?>
                colNames:['Accion','Postulados','Cargo','Discapacidad','Jornada','Vigencia','Ciudad','Departamento','Empresa','Sector Economico'],
                colModel :[
                    {name:'postu',index:'postu', width:100,sortabel:false,align:"center",search:false},
                    {name:'postu2',index:'postu2', width:100,sortabel:false,align:"center",search:false},
                    {name:'Cargo',index:'ofer.ofertaLaboralCargo', width:180},
                    {name:'tipDis.tipDiscapacidad',index:'tipDis.tipDiscapacidad', width:180},
                    {name:'jor.jornadaNombre',index:'jor.jornadaNombre', width:90},
                    {name:'ofer.ofertaLaboralFechaCierre',index:'ofer.ofertaLaboralFechaCierre', width:135,align:"center"},
                    {name:'ciu.ciudad',index:'ciu.ciudad', width:100,editable:true},
                    {name:'dept.departamento',index:'dept.departamento', width:110,editable:true},
                    {name:'empresaRazon',index:'emps.empresaRazon', width:90,editable:true},
                    {name:'sect.sector',index:'sect.sector', width:130,editable:true}
                ],
<?php } else { ?>
                colNames:['Accion','Cargo','Discapacidad','Jornada','Vigencia','Ciudad','Departamento','Sector Economico'],
                colModel :[
                    {name:'postu2',index:'postu2', width:100,sortabel:false,align:"center",search:false},
                    {name:'Cargo',index:'ofer.ofertaLaboralCargo', width:180},
                    {name:'tipDis.tipDiscapacidad',index:'tipDis.tipDiscapacidad', width:180},
                    {name:'jor.jornadaNombre',index:'jor.jornadaNombre', width:90},
                    {name:'ofer.ofertaLaboralFechaCierre',index:'ofer.ofertaLaboralFechaCierre', width:135,align:"center"},
                    {name:'ciu.ciudad',index:'ciu.ciudad', width:100,editable:true},
                    {name:'dept.departamento',index:'dept.departamento', width:110,editable:true},
                    {name:'sect.sector',index:'sect.sector', width:130,editable:true}
                ],
<?php } ?>
            loadComplete: function(){
                var ids = jQuery("#list").getDataIDs();
                for(var i=0;i<ids.length;i++){
                    var cl = ids[i];
                    var ret = jQuery("#list").getRowData(cl);
                    var classe ="";
<?php if ($rol == "3") { ?>
                        if(ret.postu2 == "Ver"){
                            classe = "";
                            var envia = cl + "|" + ret.empresaRazon + "|" + ret.Cargo;
                            var se1 = "<a href=\"javascript:abreVentana('" + envia + "','con')\" tittle='Postular' " + classe + " >Consultar</a>";
                            jQuery("#list").setRowData(cl,{postu2:se1});
                        }
                        else classe = "style=\"font-size: 14px;font-weight: bolder;color:red\"";
                        var se = "<a href=\"javascript:abreVentana('" + cl + "','post')\" tittle='Postular' " + classe + " >Postular</a>";
                        jQuery("#list").setRowData(cl,{postu:se});
<?php } elseif ($rol == "4") { ?>
                        if(ret.postu2 != "Ver") classe = "style=\"font-size: 14px;font-weight: bolder;color:red\"";
                        var se = "<a href=\"javascript:fnPostulo('" + cl + "','post')\" tittle='Click para postularse' " + classe + " >Postularme</a>";
                        jQuery("#list").setRowData(cl,{postu2:se});
<?php } ?>
                }
            },
            pager: jQuery('#pager'),
            rowNum:50,
            rowList:[10,20,30,50],
            sortname: 'ofer.ofertaLaboralCargo',
            sortorder: "asc",
            viewrecords: true,
            caption: 'OFERTAS LABORALES VIGENTES',
            height:260
        });
        //Barra de navegación
        jQuery("#list").jqGrid('navGrid','#pager',{del:false,add:false,edit:false,view:true},{},{},{},{multipleSearch:true},{closeOnEscape:true});
<?php $this->load->view('enReady'); ?>
    }); //fin $(document).ready(function(){
<?php if ($rol == "3") { ?>
        function abreVentana(ofer,opc){
            if(opc == 'post'){
                $("#divPruebass").load("<?php echo site_url("registrarInst/postular/LAB/") . "/"; ?>" + ofer,{},function(){                    
                    divConsPostula.dialog('open');
                });                
            }
            else if(opc == 'con') window.open("<?php echo site_url("registrarInst/consulta/") . "/"; ?>" + encodeURI(ofer), "Conocimiento", "width=1000,screenX=2,screenY=5,left=5,top=5,resizable=1,height=600,scrollbars=YES");
        }
        function recGrilla(){
            jQuery("#list").trigger("reloadGrid");
        }
<?php } elseif ($rol == "4") { ?>
        function fnPostulo(vid){
            var url = "<?php echo site_url("validacion/validar/oferta"); ?>";
            $.post(url, {ofe:vid},function(data){
                alert(data);
                jQuery("#list").trigger("reloadGrid");
                return;
            });
        }
<?php } ?>
            </script>
    </head>
    <body>
        <div id="divConsPostulados" title="" style="display: none">
            <div id="divPruebass">
                
            </div>
        </div>
        <div class="divTitulo">Consulta ofertas laborales</div>
        <div style="color:red;font-size: 14px;text-align: left">LA ACCIÓN "POSTULAR" SE VERÁ EN ROJO SI AÚN NO <?php echo $title; ?></div>
        <BR/>
        <div style="text-align: left">
            <input type="button" value="BUSQUEDA AVANZADA" onclick="jQuery('#list').jqGrid('searchGrid',{multipleSearch:true});" />

            <input type="button" value="VER SELECCIÓN" onclick="$('#view_list').trigger('click');" />
        </div>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
